<%--
  Created by IntelliJ IDEA.
  User: alex
  Date: 12-3-24
  Time: 下午12:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/taglib.jsp" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <title>聚人消费网络欢迎你</title>

    <link type="text/css" href="${ctx}/css/style.css" rel="stylesheet"/>
    <!-- the layout css file -->
    <link type="text/css" href="${ctx}/css/jquery.cleditor.css" rel="stylesheet"/>

    <script type='text/javascript' src='${ctx}/js/jquery-1.4.2.min.js'></script>
    <!-- jquery library -->
    <script type='text/javascript' src='${ctx}/js/jquery-ui-1.8.5.custom.min.js'></script>
    <!-- jquery UI -->
    <script type='text/javascript' src='${ctx}/js/cufon-yui.js'></script>
    <!-- Cufon font replacement -->
    <script type='text/javascript' src='${ctx}/js/colaboratelight_400.font.js'></script>
    <!-- the Colaborate Light font -->
    <script type='text/javascript' src='${ctx}/js/easytooltip.js'></script>
    <!-- element tooltips -->
    <script type='text/javascript' src='${ctx}/js/jquery.tablesorter.min.js'></script>
    <!-- tablesorter -->
    <script type="text/javascript" src='${ctx}/js/jquery.validate.js'></script>

    <script type='text/javascript' src='${ctx}/js/visualize.jquery.js'></script>
    <!-- visualize plugin for graphs / statistics -->
    <script type='text/javascript' src='${ctx}/js/iphone-style-checkboxes.js'></script>
    <!-- iphone like checkboxes -->
    <script type='text/javascript' src='${ctx}/js/jquery.cleditor.min.js'></script>
    <!-- wysiwyg editor -->

    <script type='text/javascript' src='${ctx}/js/custom.js'></script>
    <!-- the "make them work" script -->

    <!-- 上传控件 -->
    <link href="${ctx}/css/default.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="${ctx}/js/swfupload/swfupload.js"></script>
    <script type="text/javascript" src="${ctx}/js/swfupload/swfupload.queue.js"></script>
    <script type="text/javascript" src="${ctx}/js/swfupload/fileprogress.js"></script>
    <script type="text/javascript" src="${ctx}/js/swfupload/handlers.js"></script>

    <script type="text/javascript">
        var upload1;

        window.onload = function () {
            upload1 = new SWFUpload({
                // Backend Settings
                upload_url:"${ctx}/image/batchUploadImage", //这里的action不可以删除
                post_params:{"albumId":"${albumId}"},
                file_post_name:"file",
                // File Upload Settings
                file_size_limit:"1024", // 100MB  //文件大小设定
                file_types:"*.png;*.gif;*.jpg", //文件上传类型现在
                file_types_description:"图片类型",
                file_upload_limit:"50",
                file_queue_limit:"0",

                // Event Handler Settings (all my handlers are in the Handler.js file)
                file_dialog_start_handler:fileDialogStart,
                file_queued_handler:fileQueued,
                file_queue_error_handler:fileQueueError,
                file_dialog_complete_handler:fileDialogComplete,
                upload_start_handler:uploadStart,
                upload_progress_handler:uploadProgress,
                upload_error_handler:uploadError,
                upload_success_handler:uploadSuccess,
                upload_complete_handler:uploadComplete,

                // Button Settings   button的图片
                button_image_url:"${ctx}/js/swfupload/XPButtonUploadText_61x22.png",
                button_placeholder_id:"spanButtonPlaceholder1",
                button_width:61,
                button_height:22,

                // Flash Settings
                flash_url:"${ctx}/js/swfupload/swfupload.swf",


                custom_settings:{
                    progressTarget:"fsUploadProgress1",
                    cancelButtonId:"btnCancel1"

                },

                // Debug Settings
                debug:false
            });
        }

    </script>
    <meta charset="UTF-8">

</head>

<body>

<div id="container">
    <div id="bgwrap">

        <div id="primary_left">

            <div id="logo">
                <a href="#" title="Dashboard"><img src="${ctx}/assets/LogoMaker.png" width="220" height="48"
                                                   alt=""/></a>
            </div>
            <!-- logo end -->

            <div id="menu"> <!-- navigation menu -->
                <ul>
                    <li><a href="${ctx}/forward/index/html" class="dashboard"><img
                            src="${ctx}/assets/icons/small_icons_3/dashboard.png" alt=""/><span
                            class="current">首页</span></a></li>
                    <li><a href="${ctx}/user/userManager" class="dashboard"><img
                            src="${ctx}/assets/icons/small_icons_3/users.png" alt=""/><span
                            class="current">用户管理</span></a></li>
                    <li class="current"><a href="${ctx}/catalog" class="dashboard"><img
                            src="${ctx}/assets/icons/small_icons_3/media.png" alt=""/><span
                            class="current">产品管理</span></a></li>
                    <li class="fade_hover tooltip" title="返回网站主页">
                        <a href="${ctx}">
                            <img src="${ctx}/assets/icons/dashboard/back.png" alt=""/>
                            <span>返回网站主页</span>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- navigation menu end -->
        </div>
        <!-- sidebar end -->
        <div id="primary_right">
            <div class="inner" style="width: 78%;">


                <ul class="dash">


                    <li class="fade_hover tooltip" title="返回">
                        <a href="${ctx}/image/${albumId}">
                            <img src="${ctx}/assets/icons/dashboard/back.png" alt=""/>
                            <span>返回</span>
                        </a>
                    </li>

                    <%--<li class="fade_hover tooltip" title="Website Statistics">--%>
                    <%--<a href="#">--%>
                    <%--<img src="${ctx}/assets/icons/dashboard/81.png" alt=""/>--%>
                    <%--<span>统计</span>--%>
                    <%--</a>--%>
                    <%--</li>--%>


                    <li class="fade_hover tooltip " title="退出系统">
                        <a href="${ctx}/user/logout">
                            <img src="${ctx}/assets/icons/dashboard/118.png" alt=""/>
                            <span>注销</span>
                        </a>
                    </li>

                </ul>
                <!-- end dashboard items -->


                <div class="clearboth"></div>

                <hr/>
                <span style="font-size: 28px;font-weight: bold;">批量添加</span>
                <fieldset style="margin-top: 15px;">
                    <legend>本界面只能上传gif、png、jpge图片格式文件!</legend>
                    <div id="content">
                        <form action="${ctx}/image/batchUploadImage" method="post" name="thisform">
                            <input id="albumId" type="hidden" value="${albumId}">
                            <table>
                                <tr valign="top">
                                    <td>
                                        <div>
                                            <div class="fieldset flash" id="fsUploadProgress1">
                                                <span class="legend">文件上传（100MB）</span>
                                            </div>
                                            <div style="padding-left: 5px;">

                                                <span id="spanButtonPlaceholder1"></span>
                                                <input id="btnUpload1" type="button" value="开始上传"
                                                       onclick="upload1.startUpload()"
                                                       style="margin-left: 2px; height: 22px; font-size: 8pt;"/>
                                                <input id="btnCancel1" type="button" value="中断上传"
                                                       onclick="cancelQueue(upload1);" disabled="disabled"
                                                       style="margin-left: 2px; height: 22px; font-size: 8pt;"/>
                                                <br/>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </table>

                        </form>
                    </div>

                    <div class="clearboth"></div>
                </fieldset>

                <div class="clearboth"></div>


            </div>
            <!-- inner -->
        </div>
        <!-- primary_right -->
    </div>
    <!-- bgwrap -->
</div>
<!-- container -->
</body>
</html>
